<html>
<head>
<style>

body
{
color:white;
}
#top_nav    {
width:672;
height:31;
background:url('images/Yawriats_07.jpg');
padding-left:10px;
padding-right:30px;
}

#main{

width:634px;
height:384px;
background: #580000;
}

#main_header  {
height:344px;
background:black;
padding:5px;
}


#top_nav ul    {
list-style:none;
display:inline;
padding:0px;
}

#top_nav ul li a, #top_nav ul li a:active, #top_nav ul li a:visited   {
color:white;
text-decoration:none;
}

#top_nav ul li a:hover
{
text-decoration:underline;
}

#top_nav ul li
{
display:inline;
padding-right:15px;
padding-left:15px;
}


h1  {
color:#aeaeae;
}
</style>

<title>Yawriats</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Yawriats.psd) -->
<table id="Table_01" width="980" height="760" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="5" width="19">
		</td>
		<td colspan="2" rowspan="2">
			<img src="images/Yawriats_02.jpg" width="42" height="102" alt=""></td>
		<td rowspan="2">
			<img src="images/Yawriats_03.jpg" width="193" height="102" alt=""></td>
		<td colspan="4">
			<img src="images/Yawriats_04.jpg" width="733" height="71" alt=""></td>
		<td rowspan="5">
			</td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/Yawriats_06.jpg" width="61" height="31" alt=""></td>
		<td colspan="2" id="top_nav">
			<ul>
                <li><a href= "#">Home</a></li>
                <li><a href= "#">Link 1</a></li>
                <li>Link 2</li>
                <li>Link 3</li>
            </td>
	</tr>
	<tr>
		<td colspan="7">
			<img src="images/Yawriats_08.jpg" width="968" height="123" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/Yawriats_09.jpg" width="12" height="384" alt=""></td>
		<td colspan="3">
			<img src="images/Yawriats_10.jpg" width="273" height="384" alt=""></td>
		<td colspan="2" id="main" valign="top">
                <div id="main_header" >
                <h1>Heading 1 </h1>
                 
                 </div>
                <div id="main_footer">&nbsp; </div>
            </td>
		<td>
			<img src="images/Yawriats_12.jpg" width="49" height="384" alt=""></td>
	</tr>
	<tr>
		<td style="width:12px; height:150px; background:url('images/Yawriats_13.jpg')">
			</td>
		<td colspan="5" style="width:907px; height:150px; background:url('images/Yawriats_14.jpg')" >
			</td>
		<td style="width:49px; height:150px; background:url('images/Yawriats_15.jpg')" ></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="162" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="30" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="193" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="50" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="623" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="49" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="150" height="1" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>